<ion-view class="calendar-page">
  <ion-header-bar>
    <div class="buttons back-button-reset">
      <a class="icon ion-ios-arrow-left" ng-click="goBack()"></a>
    </div>
    <div>
      <h1 class="title">行事历</h1>
    </div>
    <div style="position: absolute;right:15px;">
      <img ng-if="!calendar.flag" class="title-nav-icon" src="img/home/home_header_calendar.png" ng-click="calendar.flag=true">
      <img ng-if="calendar.flag" class="title-nav-icon" src="img/home/home_header_filter.png" ng-click="calendar.flag=false">
      <img class="title-nav-icon" src="img/home/home_header_plus.png">
    </div>
  </ion-header-bar>
  <ion-content ng-show="calendar.flag">
    <hr-calendar change-day-event="calendar.changeDay(date)" date-task-list="calendar.dateTaskList"></hr-calendar>
    <hr-task-list list="calendar.selectTask"></hr-task-list>
  </ion-content>
  <div ng-show="!calendar.flag">
    <hr-filter-picker-bar>
      <hr-filter-picker ng-model='calendar.productType' data="calendar.productData"  value='value' text="text"   click='calendar.product()'></hr-filter-picker>
      <hr-filter-picker ng-model='calendar.sortType' data="calendar.sortData"  value='value' text="text"   click='calendar.sort()'></hr-filter-picker>
    </hr-filter-picker-bar>
    <hr-search top="true"></hr-search>
    <ion-content class="calendar-list">
      <hr-task-list list="calendar.tasks"></hr-task-list>
    </ion-content>
  </div>
</ion-view>